<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./main.js"></script>
</head>
<body>
    <script>
        // 打印在忙。。。。 2s
        // hello world
        // JS单线程语言
        // js 是异步的  无法保证执行的顺序
        // 云端取数据
        // 有种东西，可以让代码的编写顺序和执行顺序时一致的？
        // setTimeout(()=>{
        //     console.log('在忙----');
        // },2000)
        // console.log('hello world')
        //输出结果：先 hello world   后出现 在忙---

        // 有种东西，可以让代码的编写顺序和执行顺序时一致的？
        const p=new Promise((resolve,reject)=>{
            //resolve 解决一些问题
            console.log('在忙----');
            setTimeout(()=>{
                if(res){
            //    resolve({data:'1231'})
                  reject('小哥哥正在抢救服务器')}
            },2000)
        })  //许诺
        p
          
          .then((res)=>{
            console.log(res);
          })
          .catch((msg)=>{
              console.log(msg)
          })
       
        //dns 查找  首先在本地查找 -》然后在服务商里面找-》去上游服务器-》国际
        //   tcp/ip链接 建立了通信的通道后 
        /* const postPromise=
        //fetch 就相当于promise的实例对象
              fetch('https://api.github.com/users/shunwuyu/repos');
        const ryfPromise=
              fetch('https://api.github.com/users/ruanyf/repos')
        ryfPromise
            .then(response=>response.json())
            .then(data=>{
                console.log(data)
                return postPromise   //在箭头函数中 return 就可以继续 then
            })
            .then(newresponse=>newresponse.json())
            .then(newData=>{
                console.log(newData)
            }) */
    </script>
</body>
</html>